<template>
  <div>
    <SubComponent :name="name1111" v-bind:age="age1111" />
    <!-- vue3.4 -->
    <SubComponent :name :age />

    <SubComponent v-bind="obj" />

    <button disabled  @click="handleClick">按钮</button>
  </div>
</template>

<script setup>
import SubComponent from './components/SubComponent.vue'

const name1111 = '小明'
const age1111 = 12

const name = '小王'
const age = 14

const obj = {
  name: '夏丽',
  age: 16
}

const handleClick = () => {
  console.log('点击了')
}
</script>

<style scoped></style>
